/*  基本信息第一行样式*/
.basics-init{
    /*background: rgb(246,247,253);*/
    /*padding: 15px 25px 15px 25px;*/
    background: #FFFFFF;
    border: 1px solid #EDF1F8;
    /*box-shadow: 3px 8px 7px 1px rgb(130 142 180 / 10%);*/
    border-radius: 8px;
}
.basics-init p{
    font-weight: bold;
    line-height: 40px;
    padding-left: 30px;
    margin: 0;
    font-size: 14px;
    height: 40px;
    background: #DFEBFE;
    color: #707B8D;
    border-radius: 8px 8px 0px 0px;
}

/*  基本信息内容样式*/
.tab-list{
    display: flex;
    background: #F0F4F8;
    padding-top: 10px;
}
.tab-list table{
    font-size: 14px;
    margin-left: 94px;
    width: 100%;
    /*background: #F0F4F8;*/

}

.tab-list table td{
    height: 40px;
    line-height: 40px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #444951;
}
.tab-list table td .text,.centerContantTwo table td a{
    padding-left: 10px;
    font-weight: 700;
}

.tab-list table td:nth-child(n+2){
    padding-left: 100px;
}

/*编辑*/
.header-init{
    position: relative;
}
.edit-right{
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 15px;
}
.edit-right button{
    color: #4460F1;

}

/*
灰色同步
*/
.header-file{
    margin-top: 30px;
}
/* 服务明细*/
.centerContant{
    font-size: 16px;
    /*margin-left: 94px;*/
    display: flex;
    justify-content: space-between;
}
.centerContant div{
    /*display: inline-block;*/
    /*height: 34px;*/
    /*line-height: 34px;*/
    width: 20%;
    height: 90px;

    margin-bottom: 20px;
}
.AmountData{
    position: relative;

}
/*.AmountData:after{*/
/*    position: absolute;*/
/*    right: -10%;*/
/*    content: " ";*/
/*    display: inline-block;*/
/*    height: 50px;*/
/*    line-height: 50px;*/
/*    width: 1px;*/
/*    border-right: 1px solid #F0F0F0;*/

/*}*/
.centerContantMoney div{
    border-right: 1px solid #F0F0F0;
}
.centerContant div:nth-child(5){
    /*margin-right: 10px;*/
    border: none;
}
.centerContant div .after-content{
    display: block;
    text-align: center;
    /*width: 180px;*/
    width: 80%;
    margin-left: 6%;
    position: relative;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #444951;
    /*line-height: 30px;*/
}
/*  明细颜色*/
.centerContant div .after-content:before{

    content: ".";
    height: 1px;
    line-height: 1px;
    font-size:60px ;
    padding-right: 10px;
    /*position: absolute;*/
    /*top: -10px;*/
    /*margin-right: 20px;*/


}
/*  不同颜色*/
.centerContant div .blueColor:before{

    color: #4460F1;
}
.centerContant div .yellowColor:before{

    color: #FBCC16;
}
.centerContant div .greenColor:before{

    color: #31C25D;
}
.centerContant div .redColor:before{

    color: #F14444;
}
.centerContant div .darkColor:before{

    color: #44617B;
}


/* 颜色下方  */
.centerContant div .AmountData{
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    /*width: 180px;*/
    width: 80%;
    height: 40px;
    background: #DFEBFE;
    border-radius: 4px;
    /*margin:10px 0 20px 15px;*/
    margin-top: 10px;
    margin-bottom: 20px;
    margin-left: 10%;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    color: #222222;
}


/* 备注信息 */
.remark-info{
    width: 80% !important;
}
.customer-remarks p{
    display: block;
    /*text-align: center;*/
    width: 80%;
    margin-left: 6%;
    position: relative;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #444951;
}
.customer-remarks p span{
    display: block;
    padding-left: 25%;
    font-size: 14px;
    font-weight: 500;
    color: #3A3F47;
    line-height: 30px;
    display: flex;
    align-items: center;
}
.remark-info{
    padding-left: 20px;
}
.remark-info span{
    display: block;
    width: 60px;
    height: 30px;
    font-size: 14px;
    font-weight: 500;
    color: #3A3F47;
    line-height: 30px;
}
.remark-info textarea{
    height: 80px;
    background: #F3F7FA;
    border: 1px solid #E5EAF5;
    border-radius: 4px;
    width: 100%;
    outline:none;
}
.icon-img:before{

    content: " ";
    display: inline-block;
    width: 19px;
    height: 19px;
    line-height: 19px;
    /*font-size:60px ;*/
    margin-right: 6px;


}
.icon-name:before{
    background: url("../../../images/csd/icon-name.png") no-repeat;
}

.icon-tel:before{
    background: url("../../../images/csd/icon-phone.png") no-repeat;
}
.name-tel{
    margin-left: 25px;
}
